<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="./jqu.js"></script>
    <link rel="stylesheet" href="./一号店.css">
</head>
<body>
    <div style="width:100%; overflow: hidden;">
    <div class="wring">
        <p>尊敬的1号店用户</p>
        <p>1号店现已全面升级成1号会员店，PC页面和H5页面部分功能现已调整，您可通过应用市场下载安</p>
        <p>装1号会员店APP，并登录您的1号店账号进行相关操作，如有疑问可联系客服。</p>
        <p>感谢您对1号店的支持与理解。</p>
        <div class="know">知道了</div>
    </div>
    <div class="wrap">
        <div class="head_">
            <img src="./img/头图.jpg" alt="头图" class="head_tu">
            <img src="./img/透明一号店vip.png" class="head_vip">
            <img src="./img/平台.png" class="head_tai">
            <p>原1号店于2020年7月22日正式升级为1号会员店，通过全场自营、精选商品模式，</p>
            <p>致力于为用户提供品质升级、超值天天低价、便捷省心的会员制购物体验。</p>
            <div class="app1"><img src="./img/4.png" class="shoutu" >下载APP</div>
            <div class="erma">
                <img src="./img/4444.png" alt="" style="width: 150px;">
            </div>
        </div>
        <div class="zibo">
            <img src="./img/6.png"  class="laba">
            <div class="ckou">
                <p>“礼品卡”“账户余额”业务调整公告</p>
                <p>“金币”“优惠券”下线公告</p>
                <p>1号店PC及H5调整公告</p>
            </div>
            <img src="./img/7.png"  class="dayu">
        </div>
        <div class="mid">
            <div class="mid_head">
                <img src="./img/8.png" class="mid_head_img">
                <div class="ziying">自营全站商品 以严格选品标准 精挑细选3000+最优好货</div>
            </div>
            <br><br>
            <div class="mid_body">
                <div class="mid_body_head">
                    <li class="li1"><img src="./img/9.png">
                        <p>肉蛋果蔬</p>
                        <div class="xian" style="left: -100px;">
                            <img src="./img/16.png" class="zhu">
                            <img src="./img/17.png" class="fu">
                        </div>
                    </li>
                    <li class="li2"><img src="./img/10.png">
                        <p>食品饮料</p>
                        <div class="xian" style="left: -300px;">
                            <img src="./img/饮料.png" class="zhu">
                            <img src="./img/饮料2.png" class="fu">
                        </div>
                    </li>
                    <li class="li3"><img src="./img/11.png">
                        <p>服饰鞋包</p>
                        <div class="xian" style="left: -500px;">
                            <img src="./img/服饰鞋包1.png" class="zhu">
                            <img src="./img/服饰鞋包2.png" class="fu">
                        </div>
                    </li>
                    <li class="li4"><img src="./img/12.png">
                        <p>餐厨日用</p>
                        <div class="xian" style="left: -700px;">
                            <img src="./img/餐厨日用1.png" class="zhu">
                            <img src="./img/餐厨日用2.png" class="fu">
                        </div>
                    </li>
                    <li class="li5"><img src="./img/13.png">
                        <p>粮油速食</p>
                        <div class="xian" style="left: -900px;">
                            <img src="./img/炼油素食1.png" class="zhu">
                            <img src="./img/炼油素食2.png" class="fu">
                        </div>
                    </li>
                    <li class="li6"><img src="./img/14.png">
                        <p>精致小电</p>
                        <div class="xian" style="left: -1100px;">
                            <img src="./img/精致小店1.png" class="zhu">
                            <img src="./img/精致小店2.png" class="fu">
                        </div>
                    </li>
                </div>
                <div class="wuchao">
                    <img src="./img/19.png" style="width: 443px;">
                    <div class="tiantian">入会专享超值特权，天天低价</div>
                    <div class="sanda">
                        <div class="butie">
                            <img src="./img/20.png" class="butiebei">
                            <div style="width: 158px; height: 158px;">
                                <img src="./img/21.png" style="width: 100%; height:100%;">
                            </div>
                            <div class="butiezi" style="margin-top: 9px;">
                                <img src="./img/22.png" style="height: 40px;">
                            </div>
                            <div class="chaozhi">
                                <p>超值低价</p>
                                <p>入会即享</p>
                            </div>
                        </div>
                        <div class="butie">
                            <img src="./img/20.png" class="butiebei">
                            <div style="width: 158px; height: 158px;">
                                <img src="./img/23.png" style="width: 100%; height:100%;">
                            </div>
                            <div class="butiezi" style="margin-top: 9px;">
                                <img src="./img/24.png" style="height: 40px;">
                            </div>
                            <div class="chaozhi">
                                <p>比价京东自营</p>
                                <p>全场会员价</p>
                            </div>
                        </div>
                        <div class="butie">
                            <img src="./img/20.png" class="butiebei">
                            <div style="width: 158px; height: 158px;">
                                <img src="./img/25.png" style="width: 100%; height:100%;">
                            </div>
                            <div class="butiezi" style="margin-top: 9px;">
                                <img src="./img/26.png" style="height: 40px;">
                            </div>
                            <div class="chaozhi">
                                <p>到期没省出会费</p>
                                <p>全额赔付</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="shouho">
                    <img src="./img/27.png" style="width: 612px;">
                    <div class="wuliu">售后无忧 客服物流时刻保障</div>
                    <div style="margin: 44px 0px 0px;">
                        <img src="./img/28.png" style="width: 1041px;">
                    </div>
                    <div class="dibuer">
                        <div>
                            <div class="xiazai">
                                <p>扫码下载APP</p>
                                <p>开启品质生活</p>
                            </div>
                            <div class="qidai">一期仅开放部分城市，敬请期待。</div>
                        </div>
                        <div>
                            <img src="./img/29.png" style="width: 10.4vw; margin:1vw 1vw 1vw 0px;">
                        </div>
                    </div>
                </div>
                <div class="dibu">
                    <div class="dibuxuan">
                        <div class="dianzan">
                            <div class="diantu">
                                <img src="./img/30.png" style="width: 100%; height: 100%;">
                            </div>
                            <div class="jinxuan">精选好货</div>
                        </div>
                        <div class="dianzan">
                            <div class="diantu">
                                <img src="./img/31.png" style="width: 100%; height: 100%;">
                            </div>
                            <div class="jinxuan">天天低价</div>
                        </div>
                        <div class="dianzan">
                            <div class="diantu">
                                <img src="./img/32.png" style="width: 100%; height: 100%;">
                            </div>
                            <div class="jinxuan">全场自营</div>
                        </div>
                        <div class="dianzan">
                            <div class="diantu">
                                <img src="./img/33.png" style="width: 100%; height: 100%;">
                            </div>
                            <div class="jinxuan">京东物流</div>
                        </div>
                    </div>
                    <div class="bei">
                        <p><a href="">沪ICP备16050468号-2</a>|
                            <a href=""> 经营证照</a>|
                            <a href=""> 互联网药品信息服务资格证(沪)-经营性-2017-0006</a>|
                            <a href="">违法和不良信息举报电话：4006063968</a>|
                            <a href=""> 沪B2-20170039</a>|
                            <a href="">沪公网安备 31011302006998号</a>|
                            <a href="">增值电信业务经营许可证</a>|
                        </p>
                        <p>Copyright© 1号会员店 2007-2021， All Rights Reserved</p>
                    </div>
                    <div class="dadi">
                        <a href=""><img src="./img/34.png" style="height: 27px; margin-right: 18px;"></a>
                        <a href=""><img src="./img/35.png" style="height: 27px; margin-right: 18px;"></a>
                        <a href=""><img src="./img/36.png" style="height: 27px; margin-right: 18px;"></a>
                        <a href=""><img src="./img/37.png" style="height: 27px; margin-right: 18px;"></a>
                        <a href=""><img src="./img/38.png" style="height: 27px;"></a>
                        <a href=""><img src="./img/39.png" style="height: 27px; margin-right: 18px;"></a>
                        <a href=""><img src="./img/40.jpg" style="height: 27px; margin-right: 18px;"></a>
                    </div>
                </div>
            </div>
            <div class="huiding">
                <div class="lifu"><img src="./img/41.png" style="width: 0.9vw; margin-right: 0.4vw;">联系客服</div>
                <div class="box">
                    <img src="./img/8b377772c049aab17c620a41e2fb04d.png" style="width: 60%; height:60%;position: absolute; left: 50px; top: 35px;">
                </div>
                <div class="xiaapp">下载APP</div>
                <div style="z-index: 1;">
                    <img src="./img/45.png" style="width: 4.7vw;" class="yiqi">
                    <div class="yiqier">
                        <img src="./img/48.png" class="zoni" >
                    </div>
                </div>
                <img src="./img/46.png" style="width: 4.4vw;margin:4px 11px 1vw">
                <a href="#top" class="huishang">TOP <img src="./img/49.png" style="width: 0.6vw; margin: left 0.3vw;"></a>
            </div>
            </div>
        </div>
    </div>
  </div>
</div>
  <script src="./1号店.js"></script>
</body>
</html>